<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>WORDMang</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="assets/i/favicon.png">
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <style>
        .get {
            background: #1E5B94;
            color: #fff;
            text-align: center;
            padding: 50px 0;
        }

        .get-title {
            font-size: 200%;
            border: 2px solid #fff;
            padding: 20px;
            display: inline-block;
        }

        .get-btn {
            background: #fff;
        }

        .detail {
            background: #fff;
        }

        .detail-h2 {
            text-align: center;
            font-size: 150%;
            margin: 40px 0;
        }

        .detail-h3 {
            color: #1f8dd6;
        }

        .detail-p {
            color: #7f8c8d;
        }

        .detail-mb {
            margin-bottom: 30px;
        }

        .hope {
            background: #0bb59b;
            padding: 50px 0;
        }

        .hope-img {
            text-align: center;
        }

        .hope-hr {
            border-color: #149C88;
        }

        .hope-title {
            font-size: 140%;
        }

        .about {
            background: #fff;
            padding: 40px 0;
            color: #7f8c8d;
        }

        .about-color {
            color: #34495e;
        }

        .about-title {
            font-size: 180%;
            padding: 30px 0 50px 0;
            text-align: center;
        }

        .footer p {
            color: #7f8c8d;
            margin: 0;
            padding: 15px 0;
            text-align: center;
            background: #2d3e50;
        }
    </style>
</head>
<body>
<header class="am-topbar am-topbar-fixed-top">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="#">词条管理</a>
        </h1>

        <!--<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only"-->
        <!--data-am-collapse="{target: '#collapse-head'}"><span class="am-sr-only">导航切换</span> <span-->
        <!--class="am-icon-bars"></span></button>-->

        <!--<div class="am-collapse am-topbar-collapse" id="collapse-head">-->
        <!--<ul class="am-nav am-nav-pills am-topbar-nav">-->
        <!--<li class="am-active"><a href="#">首页</a></li>-->
        <!--<li><a href="#">项目</a></li>-->
        <!--<li class="am-dropdown" data-am-dropdown>-->
        <!--<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">-->
        <!--下拉菜单 <span class="am-icon-caret-down"></span>-->
        <!--</a>-->
        <!--<ul class="am-dropdown-content">-->
        <!--<li class="am-dropdown-header">标题</li>-->
        <!--<li><a href="#">1. 默认样式</a></li>-->
        <!--<li><a href="#">2. 基础设置</a></li>-->
        <!--<li><a href="#">3. 文字排版</a></li>-->
        <!--<li><a href="#">4. 网格系统</a></li>-->
        <!--</ul>-->
        <!--</li>-->
        <!--</ul>-->

        <!--<div class="am-topbar-right">-->
        <!--<button class="am-btn am-btn-secondary am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span> 注册-->
        <!--</button>-->
        <!--</div>-->

        <div class="am-topbar-right">
            <button onclick="login()" class="am-btn am-btn-primary am-topbar-btn am-btn-sm"><span
                    class="am-icon-user"></span> 登录
            </button>
        </div>
        <!--</div>-->
    </div>
</header>

<div class="get">


    <div class="am-slider am-slider-default" style="width: 70%;height: 500px;margin-left: auto;margin-right: auto;"
         data-am-flexslider>
        <ul class="am-slides" id="picBanner">
            <!--<li><img src="http://localhost:8081/wordImages/20180406040516.jpg"/>-->
                <!--<div class="am-slider-desc">动态插入的 slide ' + counter + '</div>-->
            <!--</li>-->
            <!--<li><img src="http://s.amazeui.org/media/i/demos/bing-2.jpg"/>-->
                <!--<div class="am-slider-desc">动态插入的 slide ' + counter + '</div>-->
            <!--</li>-->
        </ul>
    </div>

</div>
<br/>

<div class="detail">

    <div class="index-container">
        <div class="am-g" id="wordExample">
            <!--<div class="am-u-md-3">-->
                <!--<div class="features_item">-->
                    <!--<img  style="height: 150px;width: 200px;" src="http://localhost:8081/wordImages/20180406040516.jpg" alt="">-->
                    <!--<h3 class="features_item&#45;&#45;title">简单的适配过程</h3>-->
                    <!--<p class="features_item&#45;&#45;text">-->
                        <!--用户可快速学习适配开发，通过丰富的组件库完成页面功能的移动化适配。-->
                    <!--</p>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="am-u-md-3">-->
                <!--<div class="features_item">-->
                    <!--<img style="height: 150px;width: 200px;" src="http://localhost:8081/wordImages/20180406040516.jpg" alt="">-->
                    <!--<h3 class="features_item&#45;&#45;title">丰富移动组件库</h3>-->
                    <!--<p class="features_item&#45;&#45;text">-->
                        <!--Enterplorer Studio内置丰富的移动组件，大大提升了开发效率。-->
                    <!--</p>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="am-u-md-3">-->
                <!--<div class="features_item">-->
                    <!--<img style="height: 150px;width: 200px;" src="http://localhost:8081/wordImages/20180406040516.jpg" alt="">-->
                    <!--<h3 class="features_item&#45;&#45;title">可视化界面设计</h3>-->
                    <!--<p class="features_item&#45;&#45;text">-->
                        <!--整个适配过程可视化，集成手机模拟器，可以快速的开发调试。-->
                    <!--</p></div>-->
            <!--</div>-->
            <!--<div class="am-u-md-3">-->
                <!--<div class="features_item">-->
                    <!--<img style="height: 150px;width: 200px;" src="http://localhost:8081/wordImages/20180406040516.jpg" alt="">-->
                    <!--<h3 class="features_item&#45;&#45;title">零秒部署</h3>-->
                    <!--<p class="features_item&#45;&#45;text">-->
                        <!--无需部署，实时上传实时呈现，复用现有系统流程及数据-->
                    <!--</p>-->
                <!--</div>-->
            <!--</div>-->
        </div>

        <div class="index-more" style="margin-left: auto">
            <button onclick="more()" type="button" class="am-btn am-btn-secondary">MORE&nbsp;&nbsp;&gt;&gt;</button>
        </div>
    </div>
</div>

<div class="hope">
    <div class="am-g am-container">
        <div class="am-u-lg-4 am-u-md-6 am-u-sm-12 hope-img">
            <img src="assets/i/examples/landing.png" alt="" data-am-scrollspy="{animation:'slide-left', repeat: false}">
            <hr class="am-article-divider am-show-sm-only hope-hr">
        </div>
        <div class="am-u-lg-8 am-u-md-6 am-u-sm-12">
            <h2 class="hope-title">同我们一起打造你的前端框架</h2>

            <p>
                在知识爆炸的年代，我们不愿成为知识的过客，拥抱开源文化，发挥社区的力量，参与到Amaze Ui开源项目能获得自我提升。
            </p>
        </div>
    </div>
</div>

<!--<div class="about">-->
<!--<div class="am-g am-container">-->
<!--<div class="am-u-lg-12">-->
<!--<h2 class="about-title about-color">Amaze UI 崇尚开放、自由，非常欢迎大家的参与</h2>-->

<!--<div class="am-g">-->
<!--<div class="am-u-lg-6 am-u-md-4 am-u-sm-12">-->
<!--<form class="am-form">-->
<!--<label for="name" class="about-color">你的姓名</label>-->
<!--<input id="name" type="text">-->
<!--<br/>-->
<!--<label for="email" class="about-color">你的邮箱</label>-->
<!--<input id="email" type="email">-->
<!--<br/>-->
<!--<label for="message" class="about-color">你的留言</label>-->
<!--<textarea id="message"></textarea>-->
<!--<br/>-->
<!--<button type="submit" class="am-btn am-btn-primary am-btn-sm"><i class="am-icon-check"></i> 提 交-->
<!--</button>-->
<!--</form>-->
<!--<hr class="am-article-divider am-show-sm-only">-->
<!--</div>-->

<!--<div class="am-u-lg-6 am-u-md-8 am-u-sm-12">-->
<!--<h4 class="about-color">关于我们</h4>-->

<!--<p>AllMobilize Inc (美通云动科技有限公司)-->
<!--由前微软美国总部IE浏览器核心研发团队成员及移动互联网行业专家在美国西雅图创立，旨在解决网页在不同移动设备屏幕上的适配问题。基于国际专利技术并结合最前沿的HTML5技术，云适配解决方案可以帮助企业快速将桌面版网站适配到各种移动设备终端的屏幕上，不仅显著地提高了企业网站的用户体验以及销售转化率，而且大幅度地节省了企业开发和维护移动网站的费用。</p>-->
<!--<h4 class="about-color">团队介绍</h4>-->

<!--<p>AllMobilize Inc-->
<!--获得了微软创投孵化器的支持，其领先科技已得到全球多家企业及机构的认可与信赖，客户包括全球500强企业、美国政府、国内政府机关、国内外上市公司、以及互联网标准化组织W3C。</p>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->

<!--<footer class="footer">-->
<!--<p>© 2014 <a href="http://www.yunshipei.com" target="_blank">AllMobilize, Inc.</a> Licensed under <a-->
<!--href="http://opensource.org/licenses/MIT" target="_blank">MIT license</a>. by the AmazeUI Team.</p>-->
<!--</footer>-->

<!--[if lt IE 9]>
<!--<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>-->
<!--<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>-->
<!--<script src="assets/js/amazeui.ie8polyfill.min.js"></script>-->
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="js/plugins/jquery.min.js?v=2.1.4"></script>
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>

<script src="landing.js"></script>
<script>
    function login() {
        window.location.href = "../../login_A.html"

    }
    function more() {
        window.location.href = "../../blog.html"

    }
</script>
</body>
</html>
